.A{
    border: black solid 1px;
    width: 150px;
    height: 200px;
    float: left;
    position: relative;
}
#one{
    background-color: red;
    margin:auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100px;
    height: 100px;
    position: absolute;
    border-radius: 10em;
}
#two1{
    background-color: blue;
    margin:auto;
    top: 0;
    bottom: 100px;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 10em;
}
#two2{
    background-color:green;
    margin:auto;
    top: 100px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 10em;
}
#three1{
    background-color:blue;
    margin:auto;
    top:0 ;
    bottom:100px;
    left: 0;
    right: 50px;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 10em;
}
#three2{
    background-color: red;
    margin:auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 10em;
}
#three3{
    background-color:green;
    margin:auto;
    top: 100px;
    bottom: 0;
    left: 50px;
    right: 0;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 10em;
}
#four1{
    background-color:green;
    margin:auto;
    top:0 ;
    bottom:100px;
    left: 0;
    right: 60px;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 10em;
}
#four2{
    background-color:blue;
    margin:auto;
    top:0 ;
    bottom:100px;
    left:60px;
    right: 0;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 10em;
}
#four3{
    background-color:green;
    margin:auto;
    top: 100px;
    bottom: 0;
    left: 60px;
    right: 0;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 10em;
}
#four4{
    background-color:blue;
    margin:auto;
    top: 100px;
    bottom: 0;
    left:0;
    right: 60px;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 10em;
}
#five1{
    background-color:green;
    margin:auto;
    top:0 ;
    bottom:100px;
    left: 0;
    right: 60px;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 10em;
}
#five2{
    background-color:blue;
    margin:auto;
    top:0 ;
    bottom:100px;
    left:60px;
    right: 0;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 10em;
}
#five3{
    background-color:green;
    margin:auto;
    top: 100px;
    bottom: 0;
    left: 60px;
    right: 0;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 10em;
}
#five4{
    background-color:blue;
    margin:auto;
    top: 100px;
    bottom: 0;
    left:0;
    right: 60px;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 10em;
}
#five5{
    background-color: red;
    margin:auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 10em;
}
#six1{
    background-color:green;
    margin:auto;
    top: 0;
    bottom: 80px;
    left: 40px;
    right: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#six2{
    background-color:green;
    margin:auto;
    top: 0;
    bottom: 80px;
    left: 0;
    right:40px;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#six3{
    background-color: red;
    margin:auto;
    top: 40px;
    bottom: 0;
    left: 40px;
    right: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#six4{
    background-color: red;
    margin:auto;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 40px;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#six5{
    background-color: red;
    margin:auto;
    top: 120px;
    bottom: 0;
    left: 0;
    right: 40px;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#six6{
    background-color: red;
    margin:auto;
    top: 120px;
    bottom: 0;
    left: 40px;
    right: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#seven1{
    background-color:green;
    margin:auto;
    top: 0;
    bottom:120px;
    left: 0;
    right: 80px;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#seven2{
    background-color:green;
    margin:auto;
    top: 0;
    bottom:100px;
    left: 0;
    right: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#seven3{
    background-color:green;
    margin:auto;
    top: 0;
    bottom:80px;
    left: 80px;
    right: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#seven4{
    background-color: red;
    margin:auto;
    top: 40px;
    bottom: 0;
    left: 40px;
    right: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#seven5{
    background-color: red;
    margin:auto;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 40px;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#seven6{
    background-color: red;
    margin:auto;
    top: 120px;
    bottom: 0;
    left: 0;
    right: 40px;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#seven7{
    background-color: red;
    margin:auto;
    top: 120px;
    bottom: 0;
    left: 40px;
    right: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#eight1{
    background-color: blue;
    margin:auto;
    top: 0;
    bottom: 40px;
    left: 40px;
    right: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#eight2{
    background-color: blue;
    margin:auto;
    top: 0;
    bottom: 40px;
    left: 0;
    right: 40px;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#eight3{
    background-color: blue;
    margin:auto;
    top: 120px;
    bottom: 0;
    left: 0;
    right: 40px;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#eight4{
    background-color: blue;
    margin:auto;
    top: 120px;
    bottom: 0;
    left: 40px;
    right: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#eight5{
    background-color: blue;
    margin:auto;
    top: 40px;
    bottom: 0;
    left: 40px;
    right: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#eight6{
    background-color: blue;
    margin:auto;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 40px;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#eight7{
    background-color: blue;
    margin:auto;
    top: 0;
    bottom: 120px;
    left: 0;
    right: 40px;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#eight8{
    background-color:blue;
    margin:auto;
    top: 0;
    bottom: 120px;
    left: 40px;
    right: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#nine1{
    background-color:blue;
    margin:auto;
    top: 0;
    bottom:100px;
    left: 0;
    right: 80px;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#nine2{
    background-color:blue;
    margin:auto;
    top: 0;
    bottom:100px;
    left: 0;
    right: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#nine3{
    background-color:blue;
    margin:auto;
    top: 0;
    bottom:100px;
    left: 80px;
    right: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#nine4{
    background-color:red;
    margin:auto;
    top: 0;
    bottom:0;
    left: 0;
    right: 80px;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#nine5{
    background-color:red;
    margin:auto;
    top: 0;
    bottom:0;
    left: 0;
    right: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#nine6{
    background-color:red;
    margin:auto;
    top: 0;
    bottom:0;
    left: 80px;
    right: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#nine7{
    background-color:green;
    margin:auto;
    top: 100px;
    bottom:0;
    left: 0;
    right: 80px;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#nine8{
    background-color:green;
    margin:auto;
    top: 100px;
    bottom:0;
    left: 0;
    right: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}
#nine9{
    background-color:green;
    margin:auto;
    top: 100px;
    bottom:0;
    left: 80px;
    right: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 10em;
}